<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<h:form id="formMateriales">
		<table class="tables">
			<p:growl id="growllmat" showDetail="true" life="2000"
				showSummary="false" />
			<tr>
				<td><p:panel toggleable="false" collapsed="false"
						style="text-align: left;	font-size: 12px; border:none;">

						<h:panelGrid columns="3" styleClass="panelTDBotonFormulario"
							rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">
							<p:commandButton
								action="#{adminstrarACUBean.consultarMaterialesPorBasePresupuestal}"
								immediate="true" value="Agregar materiales"
								oncomplete="dlgMateriales.show()"
								update=":paacu:formMaterialesacu:hpgMateriales" />

							<p:commandButton
								action="#{adminstrarACUBean.consultarMateriales()}" rendered="false"
								value="Calcular Costo" update="material,materialTable"
								immediate="true" />
						</h:panelGrid>


					</p:panel> <p:outputPanel id="material" styleClass="panelTDLeftFormulario">

						<p:dataTable id="materialTable"
							value="#{adminstrarACUBean.listaElementoACUPersonalizadoMate}"
							var="indirecto" paginator="true"
							rows="#{adminstrarACUBean.numeroFilasFormularios}"
							editable="true">
							<p:ajax event="rowEdit"
								listener="#{adminstrarACUBean.onEditMateriales}"
								immediate="true"
								update=":paacu:formMateriales:growllmat,:paacu:formMateriales:materialTable" />
							<p:ajax event="rowEditCancel"
								listener="#{adminstrarACUBean.onCancelMateriales}"
								immediate="true" />


							<p:column headerText="Material" styleClass="descripcionTabla">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{indirecto.prodMaterialesMod.mateDescripcionMod}">
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<h:outputText
											value="#{indirecto.prodMaterialesMod.mateDescripcionMod}">
										</h:outputText>
									</f:facet>
								</p:cellEditor>
							</p:column>
							<p:column headerText="U" style="width:30%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText styleClass="valoresTabla"
											value="#{indirecto.prodMaterialesMod.mateUnidadMod}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<h:inputText styleClass="valoresTabla"
											value="#{indirecto.prodMaterialesMod.mateUnidadMod}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:inputText>
									</f:facet>
								</p:cellEditor>

							</p:column>
							<p:column headerText="Cant." style="width:30%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText styleClass="valoresTabla"
											value="#{indirecto.prodMaterialesMod.mateCantidadMod}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<h:inputText styleClass="valoresTabla"
											value="#{indirecto.prodMaterialesMod.mateCantidadMod}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:inputText>
									</f:facet>
								</p:cellEditor>

							</p:column>
							<p:column headerText="Costo por unidad" style="width:30%">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText
											value="#{indirecto.prodMaterialesMod.mateCostDirectUnitMod}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:outputText>
									</f:facet>
									<f:facet name="input">
										<h:inputText
											value="#{indirecto.prodMaterialesMod.mateCostDirectUnitMod}">
											<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
										</h:inputText>
									</f:facet>
								</p:cellEditor>

							</p:column>
							
							<p:column headerText="Costo Total" style="width:30%">

								<h:outputText value="#{indirecto.costoTotal}"
									styleClass="valoresTabla">
									<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
								</h:outputText>

							</p:column>

							<p:column style="width:6%"
								rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">
								<f:facet name="header">
									<h:outputText value="Edición" />
								</f:facet>
								<p:rowEditor />
							</p:column>
							<p:column style="width:6%"
								rendered="#{modificarOfertasBean.prodCabeceraProformaModificar.prodEstados.estaId==1}">
								<f:facet name="header">
									<h:outputText value="Eliminar" />
								</f:facet>
								<p:commandButton update="materialTable" immediate="true"
									label="eliminar" icon="ui-icon-close"
									action="#{adminstrarACUBean.deletMaterialAction(indirecto)}"></p:commandButton>
								<br />
							</p:column>
							<p:column headerText="% Mat." style="width:30%">

								<h:outputText value="#{indirecto.pAcu}" style="valoresTabla">
									<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
								</h:outputText>

							</p:column>
						</p:dataTable>



					</p:outputPanel></td>
			</tr>
		</table>

	</h:form>
	<p:dialog id="mp_materiales" position="top" width="680px"
		header="Agregar material" appendToBody="true" styleClass="pPanel"
		height="580px" widgetVar="dlgMateriales">
		<h:form id="formMaterialesacu">
			<h:panelGrid id="hpgMateriales" columns="4" cellpadding="1"
				style="margin:0 auto;">
				<table width="600px;">



					<tr>
						<td><p:panel>
								<table>
									<p:growl id="growllMateriales" showDetail="true" life="2000"
										showSummary="false" />

									<tr>
										<td colspan="2"><p:dataTable var="empleados"
												id="tableMaterial"
												value="#{adminstrarACUBean.listaMaterialesBasePresupuestal}"
												paginator="true"
												rows="#{adminstrarACUBean.numeroFilasPopup}">
												<p:column style="width:5%;" exportable="false">

													<p:commandButton id="selectButton"
														action="#{adminstrarACUBean.guardarMaterial}"
														immediate="true"
														update=":paacu:formMateriales:material,:paacu:formMaterialesacu:growllMateriales"
														icon="ui-icon-search" title="Agregar Material">
														<f:setPropertyActionListener value="#{empleados}"
															target="#{adminstrarACUBean.matrialSeleccionado}" />

													</p:commandButton>
												</p:column>
												<p:column headerText="Material"
													styleClass="descripcionTabla" filterBy="emplDescripcion"
													filterMatchMode="contains">
													<h:outputText value="#{empleados.mateDescripcion}" />
												</p:column>
												
												<p:column headerText="Costo Directo Unitario">
													<h:outputText value="#{empleados.mateCostoDirectUnitari}"
														styleClass="valoresTabla">
														<f:convertNumber maxFractionDigits="2"
															minFractionDigits="2" />
													</h:outputText>
												</p:column>
												
											</p:dataTable></td>
									</tr>
								</table>
							</p:panel></td>
					</tr>
				</table>
			</h:panelGrid>

		</h:form>
	</p:dialog>


</ui:composition>